<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html><head><!--
# Copyright (C) 2006  Apptility LLC  http://www.apptility.com
#
# This library is free software; you can redistribute it and/or
# modify it under the terms of the GNU Lesser General Public
# License as published by the Free Software Foundation; either
# version 2.1 of the License, or (at your option) any later version.
#
# This library is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
# Lesser General Public License for more details.
#
# You should have received a copy of the GNU Lesser General Public
# License along with this library; if not, write to the Free Software
# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA

--><title>Welcome to Ajuby</title>

<style>
body{
margin:0;
padding:0;
font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
font-size: 11px;
background:#639DB9;
color: #000000;
background:gray ;
text-align:center;
}

/*3 columns are constrained inside container , use this container for visual effects - color layering, screen size default
*/

div#container{
width:92%;
min-width:940px;
height:92%;
min-height:630px;
padding:0 0px;
margin:0 auto;
background:#f0f0f0 ;
color:#333;
text-align:left;
border:2px solid #ccc;
}

div#datacontent{
height:92%;
min-height:500px;
}

div#datacontent_dojo{
height:92%;
min-height:500px;
margin-top:5px;
margin-right:135px;
}


/*   Header section renders company logo, site nav, nav tab, subnav tab  */

div#header {padding: 5px;
text-align: left;
background-color: #ffffff;
color: #000000;
margin-bottom: 2px;
border-bottom: solid #f44b53 1px; }

/* logo */


/* sitenav , including search */

/* nav tab */


#tabsC {
  float:left;
  width:100%;
  background:#FFFFFF;
  font-size:100%;
  font-weight:bold;
  line-height:normal;
  /*border-bottom:1px solid #92CF6F;*/
  /*border:1px solid #92CF6F;*/
  /*border:3px solid black;*/
  }


#tabsC ul {
    margin:0;
    padding:10px 10px 0 50px;
    list-style:none;
  }
#tabsC li {
  display:inline;
  margin:0;
  padding:0;
  }

    #tabsC #rit li {
           float:right;
    }


#tabsC a {
  float:left;
  background:url("../images/tableftC.gif") no-repeat left top;
  margin:0 0 0 4px;
  padding:0 0 0 4px;
  text-decoration:none;
  font-size:12px;
  }


#tabsC #navlink a{
  float:right;
  background:none;
  margin-right:5px;
  padding-left:4px;
  padding-right:4px;
  text-decoration:none;
  }

#tabsC #navlink a:hover{
  background:none;
  margin-right:5px;
  padding-left:4px;
  padding-right:4px;
  text-decoration:underline;
  color: #555;
  }

 #tabsC #navlink a:visited{
  background:none;
  margin-right:5px;
  padding-left:4px;
  padding-right:4px;
  text-decoration:none;
  color: #66c;
  }

#tabsC a span {
  float:left;
  display:block;
  background:url("../images/tabrightC.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#9C1718;
  }


#tabsRV {
  float:right;
  width:100%;
  background:#FFFFFF;
  font-size:100%;
  font-weight:bold;
  line-height:normal;
  /*border-bottom:1px solid #92CF6F;*/
  /*border:1px solid #92CF6F;*/
  /*border:3px solid black;*/
  }


#tabsRV ul {
    margin:0;
    padding:0px 0px 0px 700px;
    list-style:none;
  }
#tabsRV li {
  display:inline;
  margin:0;
  padding:0;
  }





/* Commented Backslash Hack hides rule from
IE5-Mac \*/
#tabsC a span {float:none;}
/* End IE5-Mac hack */
#tabsC a:hover span {
  color:#FFF;
  }
#tabsC a:hover {
  background-position:0% -42px;
  }
#tabsC a:hover span {
  background-position:100% -42px;
  }

    #tabsC #current a {
            background-position:0% -42px;
    }
    #tabsC #current a span {
            background-position:100% -42px;
            color:#FFF;
    }

	 #subtabsC {
	      float:left;
	      width:100%;
	      background:#9C1718;
	      font-size:11px;
	      line-height:normal;
	      border-bottom:1px solid #464E42;
		   color:#FFF;
	      }
	    #subtabsC ul {
	        margin:0;
	        padding:5px 10px 5px 50px;
	        list-style:none;
	      }
	    #subtabsC li {
	      display:inline;
	      margin:0;
	      padding:0;
	      }
	    #subtabsC a {
	      float:left;
	      margin:0;
	      padding:0 0 5px 5px;
	      text-decoration:none;
	      }
	    #subtabsC a span {
	      float:left;
	      display:block;
	      padding:5px 15px 4px 6px;
	      color:#FFFFFF;
	      }
	    /* Commented Backslash Hack hides rule from
	IE5-Mac \*/
	    #subtabsC a span {float:none;}
	    /* End IE5-Mac hack */
	    #subtabsC a:hover span {
	      color:#FFF;
	      }
	    #subtabsC a:hover {
	      background-position:0% -42px;
	      }
	    #subtabsC a:hover span {
	      background-position:100% -42px;
	      }

	    #subtabsC #current a {
	                background-position:0% -42px;
	        }
	    #subtabsC #current a span {
	                background-position:100% -42px;
	                color:#FFF;
	        }

/*************************************************************************/

/* Main content section. This will hold all data sections - table, list view, edit view, read view , messagebox */

div#maincontent
{
padding: 2%;
text-align: justify;
margin-left: 0%;
margin-right: 2%;
background-color: #ffffff;
border-left:1px solid #92CF6F;
border-right:1px solid #92CF6F;
margin-bottom: 2px;
min-height:525px;
}

div#maincontent_dojo
{
margin-top: 125px;
margin-right: 100px;
}

/* Main content section for 2 column display */

#twomaincontent
{padding: 2%;
text-align: justify;
margin-left: 14%;
margin-right: 0%;
background-color: #ffffff;
margin-bottom: 2px; }

/************************************************************************/

/* Left column section for putting instructional text, boxed action groups, navigation links, tree control etc*/

div#leftcolumn {padding: 2%;
float: left;
text-align: left;
background-color: #FFFFFF;
width: 10%;
height: 100%; }


/************************************************************************/


/* Right column section for putting instructional text, boxed action groups, navigation links, tree control etc*/



div#rightcolumn {padding: 2%;
float: right;
background-color: #FFFFFF;
width: 10%;
height: 100%; }


/* tip box starts*/

.tipbox {
    background-color: #F5F7F1;
    border: 1px solid #9C6;
    padding: 5px;
    margin-bottom: 5px;
}

.tipbox a:link, .tipbox a:visited,
.tipbox a:active, .tipbox a:hover {
    color: blue;
}

.tipbox hr {
    background-color: #9C6;
    color: #9C6;
}

.tipbox h1 {
    color: #333;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 4px;
}

.tipbox h3 {
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 0;
    margin-top: 4px;
}

.tipbox p {
    font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
    font-size: 11px;
    line-height: 12px;
    margin-top: 2px;
    color: #666;
}

.tipbox ol {
    padding: 0 5px 0 20px;
}

.tipbox ul {
    padding: 0 5px 0 20px;
}

.tipbox li {
    font-size: 11px;
    color: black;
    margin-bottom: 3px;
}

/* tip box ends */


.simplelist {
    background-color: #F5F7F1;
    border: 1px solid #9C6;
    padding: 5px 5px 5px 10px;
    margin-bottom: 5px;
}

.simplelist a:link, .simplelist a:visited,
.simplelist a:active, .simplelist a:hover {
    color: blue;
}

.simplelist ol {
    padding: 0 5px 0 5px;
}

.simplelist ul {
    padding: 5px 5px 5px 5px;
}

.simplelist li {
    font-size: 11px;
    color: black;
    margin-bottom: 3px;
}

/* add here all form elements which needs to inherit functionbox attributes */

/************************************************************************/

/* Common elements - global elements  TBD - move them to global.css later on */


h1 {
    font-size: 19px;
    color: #000;
    margin: 0 0 20px 0;
    font-weight: bold;
}

h2 {
    color: #000;
    font-size: 16px;
    border-bottom: 1px solid #000;
    margin-bottom: 15px;
    font-weight: bold;
}

h3 {
    color: #000;
    font-size: 13px;
    margin-bottom: 10px;
}

h4 {
    color: #666666;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 4px;
}

h5 {
    color: #000;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 4px;

}

form {
    margin: 0;
    padding: 0;
    clear: none;
}

img {
    border: 0;
}

p {
    color: #333;
    font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
    font-size: 11px;
    line-height: 14px;
}

input {
    font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333;
}

hr {
    border: 0;
    height: 1px;
    background-color: #ccc;
    color: #ccc;
    width: 100%;
    margin: 10px 0;
}

pre {
    text-align: left;
    background-color: #def;
    padding-top: 5px;
    border-style: dotted;
    border-width: 1px;

}

/************************************************************************/

/* Common complex UI groups */




/* datatools - set of tool links on the main content */

.datatools {
    margin: 0;
    padding: 5px 0 3px 30px;
    font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #f23641;
    line-height: 15px;
    font-weight: normal;
    border-bottom: 1px dotted #CCC;
}

.datatools a:link, .datatools a:visited, .datatools a:active {
    font-weight: normal;
    color: #f23641;
    font-size: 11px;
}

/* message box for displaying messages */

.message-information {
    font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
    font-size: 13px;
    color: #000;
    line-height: 15px;
    border: 1px solid #ccc;
    padding: 5px;
    background-color: #cde;
    margin-bottom: 20px;
}

.message-error {
    font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
    font-size: 13px;
    color: #933;
    line-height: 13px;
    border: 1px solid #C3CFDB;
    padding: 5px;
    font-weight: bold;
    background-color: #EEE;
    margin-bottom: 20px;

}

.block-box {
    font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
    font-size: 13px;
    color: #933;
    line-height: 13px;
    border: 1px solid #C3CFDB;
    padding: 10px;
    font-weight: bold;
    background-color: white;
    margin-bottom: 20px;

}

.message-fatal {
    font-family:  Arial, Verdana, sans-serif;
    font-size: 13px;
    color: #000;
    line-height: 15px;
    border: 1px solid #CD1D00;
    padding: 5px;
    font-weight: bold;
    background-color: #ff0000;
    margin-bottom: 20px;
}

.message-justmsg {
    font-family:  Arial, Verdana, sans-serif;
    font-size: 13px;
    color: black;
    line-height: 15px;
    border: 1px solid #fff;
    padding: 5px;
    font-weight: bold;
    background-color: #B0F774;
    margin-bottom: 20px;
}

.bar1 {
    font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: white;
    line-height: 12px;
    border: 1px solid black;
    padding: 4px;
    font-weight: bold;
    background-color: gray;
    margin-bottom: 12px;
}
/* Common tips and visual enhancers */

.tiptext h4 {
    color: #996;
    font-weight: normal;
    font-size: 13px;
    margin-bottom: 2px;
}

.tiptext h5 {
    color: #996;
    font-weight: normal;
    font-size: 11px;
    margin-bottom: 2px;
}




div#footer {padding: 1%;
text-align: center;
clear: both;
border-top: solid #92CF6F 1px;
background-color: #ffffff;}


/* body */

.body-row {
margin: 0;
padding: 10px;
background: #fff url(../images/formbkgrnd.png) right repeat-y;
border-top: #eaeaea solid;
border-left: #eaeaea solid;
border-bottom: #eaeaea solid;}

.body-row h3 {
    margin: 0 0 5px 0;
    color: #333;
}

.body-row h4 {
    margin: 0 0 2px 0;
}

.body-row h5 {
    margin: 2px 0;
    font-size: 12px;
    font-weight: normal;
}

.body-row p {
    color: #6F6F6F;
    margin: 1px 0 8px 0;
}

.body-column {
    float: left;
    margin: 0 14px 0 0;
}


.column-note {
    border-left: 1px #CCC solid;
    padding: 0 0 50px 14px;
    color: #777; }

.column-note ul {
    margin-top: 5px;
    margin-left: 0;
    padding-left: 20px;
}

.column-note li {
    margin-bottom: 5px;
}

.column-note h4 img {
    float: right;
    margin: 0 0 5px 5px;
    border: 1px solid #ccc;
    padding: 4px;
    background-color: #fff;
}


a {text-decoration: underline; padding: 1px; }
a:link { color: #000; }
a:visited { color: #000; }




input {
    font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333;
}

input.box {
    margin: 3px 0;
    padding: 2px 2px 1px 2px;
}

input.text-short {
    width: 175px;
}

input.button {
    width: 100px;
    font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #666;
    text-transform: uppercase;
}

input.button-big {
    width: 150px;
    font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #666;
    text-transform: uppercase;
}

input.button-small {
    width: 50px;
    font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #666;
    text-transform: uppercase;
}

select {
    font-size: 11px;
}

select.menu-short {
    width: 175px;
}

.field {
    padding-bottom: 6px;
}

.post-body-header {
    width: 444px;
}

.post-body-label {
    float: left;
    width: 200px;
}

.post-body-buttons {
    float: right;
    width: 200px;
    text-align: right;
}

img {
    border-width: 0;
}

.hidden {
    display: none;
}

.hint {
    color: #666;
    font-weight: normal;
}

#discount_code {
    width: 100px;
}

/* navigation tabs */

#module {
	height: 21px;
	margin: 0;
	padding-left:0px;
}

#module li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	border: none;
}

#module a:link, #module a:visited {
	float: left;
	background: #3d69a6;
	font-size: 13px;
	font-weight: normal;
	padding: 3px 6px;
	margin: 0 -1px 0 0;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	text-decoration: none;
	color: #fff;
}

#module a:link.current, #module a:visited.current {
	border-top: 1px solid #3d69a6;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #3d69a6;
	background: #fff;
	color: #000;
	font-weight: bold;
}

#module a:hover {
	color: #000;
	background: #ecedd7;
}

.help {
    margin-top:105px;
	text-align:right;
	font-size: 10px;
	color: #ccc;
	position:float;

}

.help a {
margin-top: 5px;
color: #ccc;
}

</style>

</head>
<body>
<div id="container">
		<!-- tabs go here -->


<div id="tabsC">

<table width="100%" style="margin-top: 10px;">
	<tbody><tr>
		<td width="100%" align="center">
			<img src="http://dev.openapp.org/devimg/ajubylogo.jpg" style="margin-left: 5px; text-align:center;">
 </td>
		<td style="margin-top: 5px;" cellpadding="0">
		<div id="navlink">
            <div style="text-align: right;">
            <br>
            </div>
		</div>
		</td>
	</tr>
</tbody></table>

		<div id="subtabsC">
			<ul style="margin-bottom: 2px;">
			   &nbsp;
			</ul>
		</div>
<!-- Sub tabs ends here -->
 </div>


<div id="datacontent">

         <div id="maincontent">

<br>
<br>
<br>
<br>
<br>
<br>
<table><tr><td><img src="public/images/version05.png"></td><td><h1>Thanks for downloading Ajuby.</h1> </td><tr></table>
<h2>Please follow these steps to install Ajuby </h2>

<br>
Go straight to Step 2 if you are Ruby/Rails guru.
<br>
<br>
 <div class="tipbox">
		<h1>[Step 1] Make sure following components are installed:</h1>
		<hr>
		<ul>
		  <li>Install Ruby (release 1.8.2 or 1.8.4). We recommend 1.8.4</li>
		  <li>Rails (Latest stable release). We recommend REL 1.1.6</li>
		  <li>MySQL (Latest stable release). We recommend version 4.1.2 or higher </li>
		</ul>
		More information can be found on <a href="http://hivelogic.com/narrative/articles/ruby_rails_lighttpd_mysql_tiger">hivelogic</a> site and if you run into any trouble discuss at <a href="http://www.openapp.org/community.html">ajuby troubleshooting forum</a>. In worst case you feel like talking to somebody to resolve issues please call us at 1-408-351-3585.
</div>
<br>
<br>
<div class="tipbox">
		<h1>[Step 2] Ajuby setup:</h1>
		<hr>
		<ul>
		  <li>Go to the directory where you have unzipped the Ajuby toolkit (AJUBY HOME)</li>
		  <li>From Ajuby home directory type following command: <b>script/server or script/server webrick</b> (Unix/Mac), On Windows type <b>ruby script/server </b> </li>
		  <li>Once application server is running, Open your browser and <a href="http://localhost:3000/checkinstall">click here</a> </li>
		<li>Follow the Ajuby setup wizard for remaining steps</li>
		</ul>
		If you run into any trouble discuss at <a href="http://www.openapp.org/community.html">ajuby troubleshooting forum</a>.
</div>
<br>
<br>
<div class="tipbox">
		<h1>[Step 3] Ajuby installed. Now you are ready for fast track development:</h1>
		<hr>
		<ul>
		  <li>Open this url (http://localhost:3000/user/login) in your browser or <a href="http://localhost:3000/user/login">click here</a></li>
		  <li>Login using username <b>admin</b> and password <b>admin</b> </li>
		</ul>
	</div>

</div>



</div>



<div id="footer">
&copy 2004-2007 <a href="http://www.apptility.com">Apptility LLC</a>. All Rights Reserved.
<br>
"Rails" and "Ruby on Rails" are trademarks of David Heinemeier Hansson. Ajuby is a trademark of Apptility LLC. All trademarks and registered trademarks appearing on ajuby.openapp.org are the property of their respective owners.

</a>
</div>

</div>
</body></html>